<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        h1{
            text-shadow: 5px 5px 5px #FF0000;
        }
        div{
            width:300px;
            height:100px;
            background-color:yellow;
            box-shadow: 10px 10px 5px #888888;
        }
    </style>
</head>
<body>

    <h1>Text-shadow effect!</h1>

    <p><b>注意:</b> Internet Explorer 9 以及更早版本的浏览器不支持 text-shadow属性.</p>

    <div>盒子阴影</div>
</body>
</html>

<!--
允许长文本换行:p {word-wrap:break-word;}
-->